{__NOLAYOUT__}
<style>
    .content-center{
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 10%;
    }
    .cover-black{
        background-color: rgba(0,0,0,0.5);
    }
    .cover{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 20000;
    }
</style>
<form action="{:url('doedit')}" class="form-horizontal" role="form" method="post" id="roleForm">
<div  class="content-center cover-black cover">
<div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" id="close">&times;</button>
                 <h5 class="modal-title text-center">修改角色名</h5>
            </div>
   <div class="modal-dialog">
        <div class="modal-body">
             <input type="hidden" class="form-control" id="id" name="id" value="{$id}">
            <div class="form-group">
                <label for="firstname" class="col-sm-2 control-label">名称</label>
                <div class="col-sm-10">
                  <input type="text" class="form-control" id="name" name="name" placeholder="请输入名称
                  " value="{$name}">
                </div>
            </div>

        </div>
        <div class="modal-footer">
            <input type="submit" class="btn btn-primary" value="提交更改"></button>
        </div>
        </div>
    </div>
</div>
</form>
<script>
    $("#close").click(function(){
        $('#roleForm').remove();  
    });
</script>
